
<!DOCTYPE html>
<html>
<head>
	
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>My gHire</title>
	<link rel="icon" type="image/gif" href="/assets/img/favicon.gif">
	<!-- <link rel="icon" sizes="196x196" href="/assets/img/casey-icon-196.png">
	<link rel="icon" sizes="128x128" href="/assets/img/casey-icon-128.png">
	<link rel="apple-touch-icon" sizes="128x128" href="/assets/img/casey-icon-128.png">
	<link rel="apple-touch-icon-precomposed" sizes="128x128" href="/assets/img/casey-icon-128.png"> -->
	<!-- style sheets -->
	<link href='//fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="assets/css/myghire-proto-primary.css?v=1" type="text/css" media="screen" charset="utf-8"> <!-- old stylesheet -->
	
</head>
<body>

<div id="app-wrapper">
	
	<!-- BOTTOM BUTTON CONTAINER -->
	<div id="bottom-container">
		<div class="action-button-container">
		
			<!-- FLOATING ACTION BUTTON -->
			<a class="button round-button" title="Create a referral"  href="new-referral.html" tabindex="1">
				<div class="plus-icon"></div>
				<div class="create-icon"></div>
			</a>
		</div>
		
		<!-- TOASTS AND BOTTOM ALERTS -->
		<div class="toast-container">
			<div class="toast">
				<span class="toast-description">Referral draft saved</span>
				<a href="#" class="button button-appbar-icon button-close-white toast-dismiss delete-parent"></a>
			</div>
		</div>
		
	</div>
	
	<!-- LEFT SIDE CONTENT SECTION -->
	<div id="left-panel" class="">
		
		<div id="nav-header">
			<a id="logo" href="home.html">
				<img src="assets/img/ghire-logo-32px.svg" alt="My gHire logo">
				<h2 id="app-title">My gHire</h2>
			</a>
		</div>
		
		<nav class="">
		
			<!-- top navigation -->
			<ul class="primary-sitenav">
				<li>
					<a href="home.html" class="selected" title="Your candidates">
						<span class="icon icon-person"></span>
						<span class="list-description">Your candidates</span>
					</a>
				</li>
	
			</ul>
			
			<!-- bottom navigation -->			
			<ul class="secondary-sitenav">
				<li>
					<a href="" class="" title="How to use this app">
						<span class="icon icon-help"></span>
						<span class="list-description">Get help</span>
					</a>
				</li>
				<li>
					<a href="" class="" title="Give feedback on this app">
						<span class="icon icon-feedback"></span>
						<span class="list-description">Give feedback</span>
					</a>
				</li>
			</ul>
			
			<!-- site version indicator -->
			<a class="version-indicator" href="index.html" title="Learn more about this version of the Time Off Machine">
				<span class="icon icon-dogfood"></span>
				<span class="list-description">BARK! CSS Prototype</span>
			</a>
			
		</nav>
		
	</div><!-- end side navigation -->
	
	
	<!-- MAIN CONTENT SECTION -->
	<div id="main-panel">
	
		<!-- FIXED TOP BAR -->
		<div id="app-bar" class="app-bar app-bar-centered">
			
			
				<!-- APP BAR BUTTONS -->
				<div class="app-bar-content left">
					<a id="button-menu" class="button button-appbar-icon button-menu mobile-only" title="Open navigation menu" href=""></a>
				</div>
				<div class="column-main">
					<div class="app-bar-content left">
						<h1 class="app-bar-title">Your candidates</h1>
					</div>
				</div>
				
		</div> <!-- end APPBAR container -->


		<!-- MAIN CONTENT SUB-SECTIONS -->
		<div class="column-main" role="main">
				
			<ul class="page-sections variable-topmargin">
											
				<!-- LIST 'TO DO' -->
				<li class="page-section-item">
				
					<h4 class="listheader">To do</h4>
					
					<!-- LIST CARD -->
					<div class="list card">
						
						<!-- LISTITEM -->
						<a class="listitem" href="">
						
							<span class="listitem-icon-container">
								<div class="list-type-icon list-type-edit" title=""></div>
							</span>
							
							<span class="listitem-desc-container">
								<div class="listitem-desc-primary" title="Robert Louis">Robert Louis Stevenson</div>
								<div class="listitem-desc-secondary">ONSITE - Yesterday</div>
								<div class="listitem-desc-tertiary">Feedback due</div>
							</span>
						</a>
									
						<!-- LISTITEM -->
						<a class="listitem" href="new-referral.html">
						
							<span class="listitem-icon-container">
								<div class="list-type-icon list-type-referral" title=""></div>
							</span>
							
							<span class="listitem-desc-container">
								<div class="listitem-desc-primary" title="Robert Louis">Marshall Mathers</div>
								<div class="listitem-desc-secondary">REFERRAL - Just now</div>
								<div class="listitem-desc-tertiary">Draft</div>
							</span>
						</a>
						
						
												
						
					</div> <!-- end list card -->
						
				</li> <!-- end page section item -->
				
				
				<!-- CANDIDATE 'HISTORY' -->
				<li class="page-section-item">
				
					<h4 class="listheader">Submitted candidates</h4>
					
					<!-- LIST CARD -->
					<div class="list card">
									
						<!-- LISTITEM -->
						<a class="listitem" href="">
						
							<span class="listitem-icon-container">
								<div class="list-type-icon secondary" title=""></div>
								<div class="list-type-score">3.1</div>
							</span>
							
							<span class="listitem-desc-container">
								<div class="listitem-desc-primary" title="Vacation">Mary Stuart Masterson</div>
								<div class="listitem-desc-secondary">ONSITE - Jun 02</div>
								<div class="listitem-desc-tertiary">Submitted</div>
							</span>
						</a>
						
						<!-- LISTITEM -->
						<a class="listitem" href="">
						
							<span class="listitem-icon-container">
								<div class="list-type-icon secondary" title=""></div>
								<div class="list-type-score">2.4</div>
							</span>
							
							<span class="listitem-desc-container">
								<div class="listitem-desc-primary" title="Vacation">Faith Lewiston</div>
								<div class="listitem-desc-secondary">ONSITE - May 08</div>
								<div class="listitem-desc-tertiary">Rejected</div>
							</span>
						</a>
						
						<!-- LISTITEM -->
						<a class="listitem" href="">
						
							<span class="listitem-icon-container">
								<div class="list-type-icon list-type-referral secondary" title=""></div>
							</span>
							
							<span class="listitem-desc-container">
								<div class="listitem-desc-primary" title="Vacation">Greg Kinnear</div>
								<div class="listitem-desc-secondary">REFERRAL - Apr 22</div>
								<div class="listitem-desc-tertiary">Rejected</div>
							</span>
						</a>
												
					</div> <!-- end list card -->
						
				</li> <!-- end page section item -->
				
			</ul> <!-- end page sections -->

		
		</div><!-- end column main -->

		
	</div> <!-- end 'primary content' section -->
	
	<!-- NAV DRAWER BACKGROUND -->
	<div id="navdrawer-bg" class="composited-layer navdrawer-bg-event"></div>
	
</div><!-- end app wrapper -->

<!-- JAVASCRIPT -->
<script src="assets/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/js/menu-slider.js" type="text/javascript"></script>
<script src="assets/js/delete-parent.js" type="text/javascript"></script>

</body>
</html>